<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel='stylesheet' href='stylesheets/bootstrap.css'/>
    <link rel='stylesheet' href='stylesheets/bootstrap-docs.css'/>
    <link rel="stylesheet" href="stylesheets/common.css"/>
</head>
<body>
<nav class="navbar navbar-inverse" role="navigation" id="mainNav">
    <a class="navbar-brand" href="/admin">Planning Tool</a>
    <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
            <li><a href="/admin">Home</a></li>
            <li><a href="/admin/lecture">My Lectures</a></li>
            <li><a href="/admin/practical">My Practicals</a></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                   aria-expanded="false"><%= userName %><span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="/admin/profile">My Profile</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="/admin/logout">Log out</a></li>
                </ul>
            </li>
        </ul>
    </div>
</nav>

<div class="container bs-docs-container">
    <div class="row justify-content-md-center">
        <div class="col-md-10">
            <div class="float-right">
                <a href="/admin/grouping" class="btn btn-primary">Combine Lectures and Practicals</a>
            </div>
            <div class="float-clear"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4 col-md-offset-1">
            <div class="bs-docs-section no-intent">
                <h1>My Lectures</h1>
                <hr class="divider">
                <div class="max-height-200px fix-height">
                    <a href="/"><h2>Lecture 1</h2></a>
                    <p>Week: <span>5</span> to <span>10</span></p>
                    <p>Day: Monday</p>
                    <p>Time: <span>4:00am</span> to <span>8:00pm</span></p>
                    <p>Location: <span>A4 404</span></p>
                    <p></p>
                </div>
                <hr class="divider">
                <div class="max-height-200px fix-height">
                    <a href="/"><h2>Lecture 1</h2></a>
                    <p>Week: <span>5</span> to <span>10</span></p>
                    <p>Day: Monday</p>
                    <p>Time: <span>4:00am</span> to <span>8:00pm</span></p>
                    <p>Location: <span>A4 404</span></p>
                    <p></p>
                </div>
            </div>
        </div>
        <div class="col-md-4 col-md-offset-1">
            <div class="bs-docs-section no-intent">
                <h1>My Lectures</h1>
                <hr class="divider">
                <div class="max-height-200px fix-height">
                    <a href="/"><h2>Lecture 1</h2></a>
                    <p>Week: <span>5</span> to <span>10</span></p>
                    <p>Day: Monday</p>
                    <p>Time: <span>4:00am</span> to <span>8:00pm</span></p>
                    <p>Location: <span>A4 404</span></p>
                    <p></p>
                </div>
                <hr class="divider">
                <div class="max-height-200px fix-height">
                    <a href="/"><h2>Lecture 1</h2></a>
                    <p>Week: <span>5</span> to <span>10</span></p>
                    <p>Day: Monday</p>
                    <p>Time: <span>4:00am</span> to <span>8:00pm</span></p>
                    <p>Location: <span>A4 404</span></p>
                    <p></p>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="javascripts/jquery-3.2.1.js"></script>
<script type="text/javascript" src="javascripts/bootstrap.js"></script>
</body>
</html>